/* 全局样式 */
html,
body,
#app {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  position: relative;
  font-family: "Helvetica Neue",
  Helvetica,
  "PingFang SC",
  "Hiragino Sans GB",
  "Microsoft YaHei",
  "微软雅黑",
  "黑体",
  Arial,
  sans-serif;
}
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
table,
span {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

a {
  text-decoration-line: none;
}
.wrapper{
  position: relative;
  max-width: 640px;
  min-width: 320px;
  width: 100%;
  //background-color: #f5f5f5;
  box-sizing: border-box;
  margin: 0 auto;
}
/*单行溢出*/
.single_line{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*多行溢出*/
.double_line{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.icon {
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}


//时间插件
.el-picker-panel{
  left: 0 !important;
  max-width: 640px;
  min-width: 320px;
  width: 98% !important;
  overflow: hidden;
  .el-picker-panel__body{
    max-width: 640px !important;
    min-width: 320px !important;
    width: 100% !important;
    .el-date-range-picker__header div{
      font-size: 12px !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
    }
  }
}

//.select_input_single{
//  .el-scrollbar {
//    > .el-scrollbar__bar.is-vertical  {
//      display: block !important;
//      // opacity: 1 !important;
//    }
//  }
//}
.result_info .el-dialog__body {
  padding: 10px;
}

.result_info .el-dialog__header {

  .el-dialog__title {
    font-size: 15px;
  }

  .el-dialog__headerbtn .el-dialog__close {
    font-size: 14px;
    color: #222;
  }
}

/*媒体查询*/
/* h5字体颜色为红色，屏幕宽度只有在869px 与900px之间生效 */

@media screen and (max-width: 374px) {
  .result_info .el-dialog__header {
    padding-bottom: 30px;

    .el-dialog__title {
      font-size: 14px;
    }

    .el-dialog__headerbtn .el-dialog__close {
      font-size: 12px;
      color: #222;
    }
  }
}

.el-message-box {
  width: 80% !important;
}
.icon{
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

@font-face {
  font-family: 'OPPOSans-R-2';
  src: url("../ttf/OPPOSans-R-2.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OPPOSans-L-2';
  src: url("../ttf/OPPOSans-L-2.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OPPOSans-M-2';
  src: url("../ttf/OPPOSans-M-2.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OPPOSans-R-2';
  src: url("../ttf/OPPOSans-R-2.ttf");
  font-weight: normal;
  font-style: normal;
}

